<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>产品详细</title>
    <link rel="stylesheet" href="./css/fixclear.css">
    <link rel="stylesheet" href="./icon/iconfont.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/product.css">
</head>
<body>
    <!-- 标题栏 -->
    <div class="header">
        <a href="./index.html"><div class="back">back</div></a>
        <div class="title">产品详细</div>
        <div class="city">
            <i class="iconfont icon-xingxing"></i>
        </div>
    </div>
    <!-- 产品图片 -->
    <div class="pic">
        <img src="./img/产品详细/大图.png" alt="">
    </div>
    <div class="price">
        <div class="priceLef">￥32</div>
        <div class="priceRig">购买</div>
    </div>
    <!-- 评价 -->
    <div class="comment">
        <div class="commentLef"><i class="iconfont icon-xingxing"></i>好评度<span>99%</span></div>
        <div class="commentRig">共605个评价&#62;</div>
    </div>
    <!-- 商铺 -->
    <div class="shop">
        <div class="shopTab">适用商户<div>&#62;</div></div>
        <div class="shoplist">
            <div class="shopLef">
                <img src="./img/产品详细/小图1.png" alt=""><p>正佳店</p>
            </div>
            <div class="shopMid"><h2>万岁寿司(正佳店)</h2>
            <div class="text"><i class="iconfont icon-xingxing"></i><i class="iconfont icon-xingxing"></i><i class="iconfont icon-xingxing"></i><i class="iconfont icon-xingxing"></i><i class="iconfont icon-xingxing"></i>10分</div>
            <h3>离你100m</h3>
            <h4>查看详情&#62;&#62;</h4>
        </div>
        <div class="shopRig">进入</div>
        </div>
        <div class="shoplist">
            <div class="shopLef">
                <img src="./img/产品详细/小图2.png" alt=""><p>体育西店</p>
            </div>
            <div class="shopMid"><h2>万岁寿司(体育西店)</h2>
            <div class="text"><i class="iconfont icon-xingxing"></i><i class="iconfont icon-xingxing"></i><i class="iconfont icon-xingxing"></i><i class="iconfont icon-xingxing"></i><i class="iconfont icon-xingxing"></i>10分</div>
            <h3>离你100m</h3>
            <h4>查看详情&#62;&#62;</h4>
        </div>
        <div class="shopRig">进入</div>
        </div>
        <div class="shoplist">
            <div class="shopLef">
                <img src="./img/产品详细/小图1.png" alt=""><p>昌岗店</p>
            </div>
            <div class="shopMid"><h2>万岁寿司(昌岗店)</h2>
            <div class="text"><i class="iconfont icon-xingxing"></i><i class="iconfont icon-xingxing"></i><i class="iconfont icon-xingxing"></i><i class="iconfont icon-xingxing"></i><i class="iconfont icon-xingxing"></i>10分</div>
            <h3>离你100m</h3>
            <h4>查看详情&#62;&#62;</h4>
        </div>
        <div class="shopRig">进入</div>
        </div>
    </div>
    <!-- 底部空白栏 -->
    <div class="blank" style="    padding-bottom: 16vw;"></div>
    <!-- foot -->
    <div class="footer">
        <div class="footCon">
            <a href="./index.html"><i class="iconfont icon-31shouye"> </i>
            <p>首页</p></a>
        </div>
        <div class="footCon">
            <a href="./classify.html"><i class="iconfont icon-fenleiorguangchangorqita"> </i>
            <p>分类</p></a>
        </div>
        <div class="footCon">
            <a href="./discover.html"><i class="iconfont icon-faxian"> </i>
            <p>发现</p></a>
        </div>
        <div class="footCon">
            <a href="./mine.html"><i class="iconfont icon-wode2"> </i>
            <p>我的</p></a>
        </div>
    </div>
</body>
</html>